<template>
  <view class="container">
    <view class="success">
      <image :src="$img_path('/course/pay_s.png')" mode="widthFix"></image>
      <view class="text">
        <view>您的信息提交成功</view>
        <view>稍后会有工作人员联系您</view>
      </view>
    </view>
    <view class="btn">
      <!-- <button class="back">返回</button> -->
      <button class="home" @click="backHome()">首页</button>
    </view>
  </view>
</template>

<script>
import popupBox from "@/components/popup/popup.vue";
export default {
  components: {
    popupBox,
  },
  data() {
    return {};
  },
  methods: {
    // 返回首页
    backHome() {
      uni.reLaunch({ url: "/pages/mine/mine" });
    },
  },
};
</script>
<style>
page {
  background-color: #ffffff;
}
</style>
<style lang="scss" scoped>
.container {
  .success {
    padding: 192rpx 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    & > image {
      width: 215rpx;
      height: 215rpx;
    }
    .text {
      font-weight: bold;
      font-size: 28rpx;
      color: #000000;
      line-height: 40rpx;
      text-align: center;
      margin-top: 26rpx;
    }
  }
  .btn {
    padding: 162rpx 0 0;
    display: flex;
    justify-content: center;
    button {
      width: 270rpx;
      height: 96rpx;
      border-radius: 80rpx;
      font-weight: bold;
      font-size: 36rpx;
      line-height: 96rpx;
      &.back {
        background: #eeeeee;
        color: #b4b4b4;
      }
      &.home {
        background: linear-gradient(135deg, #ffa233 0%, #fb4c4c 100%);
        color: #ffffff;
        // margin-left: 40rpx;
      }
    }
  }
}
</style>
